import React from 'react';

export class App extends React.Component {
  constructor() {
    // 初始化父类的this
    super();

    this.state = {
      // 定义多个数据，就是对象的多个属性
      count: 1,
      num: 2,
    };
  }

  // 类的公有字段方式
  // state = {
  //   count: 0,
  // };

  render() {
    return (
      <div>
        <h1>只有类组件才能定义组件状态(数据)</h1>
        <h2>{this.state.count}</h2>
        <button onClick={() => this.setState({ count: this.state.count + 2 })}>
          修改
        </button>
        <h2>{this.state.num}</h2>
        <button onClick={() => this.setState({ num: this.state.num + 1 })}>
          修改
        </button>
      </div>
    );
  }
}
